<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="Keywords" content=""/>
    <meta name="description" content=""/>
    <title>安全指标设置</title>
    <link rel="stylesheet" type="text/css" href="content/default/css/common.css">
    <link rel="stylesheet" type="text/css" href="content/default/css/typeset.css">
    <link rel="stylesheet" type="text/css" href="content/common/layui/css/layui.css">
    <link rel="stylesheet" type="text/css" href="content/common/layui/css/modules/layer/default/layer.css">
</head>
<body>
<div class="content clearfix">
    <ul class="contentLeft">
        <li onclick="tab(1)">模式设置</li>
        <li onclick="tab(2)" class="active">版式设置</li>
        <li onclick="tab(3)">内容设置</li>
        <li onclick="tab(4)">分类设置</li>
        <li onclick="tab(5)">地图看板</li>
    </ul>
    <!--模板设置-->
    <div class="contentRight tab1" style="display: none">
        <from class="layui-form">
            <ul class="setImg">
                <li>
                    <img src="content/default/image/set1.png" alt="">
                    <div>
                        <input type="radio" name="question2" lay-skin="primary" value="A" title="模式一（默认）">
                    </div>
                </li>
                <li>
                    <img src="content/default/image/set2.png" alt="">
                    <div>
                        <input type="radio" name="question2" lay-skin="primary" value="B" title="模式二"
                               checked="checked">
                    </div>
                </li>
                <li>
                    <img src="content/default/image/set3.png" alt="">
                    <div>
                        <input type="radio" name="question2" lay-skin="primary" value="C" title="模式三"
                        >
                    </div>
                </li>
                <li>
                    <img src="content/default/image/set4.png" alt="">
                    <div>
                        <input type="radio" name="question2" lay-skin="primary" value="D" title="模式四">
                    </div>
                </li>
                <li>
                    <img src="content/default/image/set5.png" alt="">
                    <div>
                        <input type="radio" name="question2" lay-skin="primary" value="E" title="模式五">
                    </div>
                </li>
                <li>
                    <img src="content/default/image/set6.png" alt="">
                    <div>
                        <input type="radio" name="question2" lay-skin="primary" value="F" title="模式六">
                    </div>
                </li>
                <li>
                    <img src="content/default/image/set7.png" alt="">
                    <div>
                        <input type="radio" name="question2" lay-skin="primary" value="G" title="模式七">
                    </div>
                </li>
                <li>
                    <img src="content/default/image/set8.png" alt="">
                    <div>
                        <input type="radio" name="question2" lay-skin="primary" value="H" title="模式八">
                    </div>
                </li>
            </ul>
        </from>
    </div>
    <!--地图设置-->
    <div class="contentRight tab2" style="display: none">
        <div class="space">
            <from class="layui-form">
                <ul class="nav">
                    <li>
                        <input type="checkbox" name="like1[write]" lay-skin="primary" checked=""> <img
                            class="img_up1"
                            src="content/default/image/board_icon1.png"/>
                        <span class="riskLevel">重大风险</span>
                        <img
                                class="img_up"
                                src="content/default/image/up.png"/>
                    </li>
                    <li>
                        <input type="checkbox" name="like1[write]" lay-skin="primary" checked="">
                        <img
                                class="img_up1"
                                src="content/default/image/board_icon2.png"/>
                        <span class="riskLevel">重大危险源</span>
                        <img class="img_up" src="content/default/image/up.png"/>
                        <img class="img_down" src="content/default/image/down_active.png"/>
                    </li>
                    <li>
                        <input type="checkbox" name="like1[write]" lay-skin="primary">
                        <img class="img_up1"
                             src="content/default/image/board_icon3.png"/>
                        <span class="riskLevel">隐患分布</span>
                        <img class="img_up"
                             src="content/default/image/up.png"/>
                        <img class="img_down" src="content/default/image/down_001.png"/>
                    </li>
                    <li>
                        <input type="checkbox" name="like1[write]" lay-skin="primary">
                        <img class="img_up1"
                             src="content/default/image/board_icon4.png"/>
                        <span
                                class="riskLevel">本案企业</span>
                        <img class="img_up"
                             src="content/default/image/up.png"/>
                        <img class="img_down"
                             src="content/default/image/down_001.png"/>
                    </li>
                    <li>
                        <input type="checkbox" name="like1[write]" lay-skin="primary">
                        <img class="img_up1"
                             src="content/default/image/safty.png"/>
                        <span
                                class="riskLevel">安全性评价 </span>
                        <img
                                class="img_up"
                                src="content/default/image/up.png"/>
                    </li>
                </ul>
            </from>
        </div>
    </div>
    <!--分类设置-->
    <div class="contentRight tab3" >
        <div class="space">
            <from class="layui-form">
                <ul class="nav">
                    <li>
                        <input type="checkbox" name="like1[write]" lay-skin="primary" checked=""> <img
                            class="img_up1"
                            src="content/default/image/all.png"/>
                        <span class="riskLevel">全部</span>
                        <img
                                class="img_up"
                                src="content/default/image/up.png"/>
                    </li>
                    <li>
                        <input type="checkbox" name="like1[write]" lay-skin="primary" checked="">
                        <img
                                class="img_up1"
                                src="content/default/image/dianli.png"/>
                        <span class="riskLevel">电力版块</span>
                        <img class="img_up" src="content/default/image/up.png"/>
                        <img class="img_down" src="content/default/image/down_active.png"/>
                    </li>
                    <li>
                        <input type="checkbox" name="like1[write]" lay-skin="primary">
                        <img class="img_up1"
                             src="content/default/image/mt.png"/>
                        <span class="riskLevel">煤炭板块</span>
                        <img class="img_up"
                             src="content/default/image/up.png"/>
                        <img class="img_down" src="content/default/image/down_001.png"/>
                    </li>
                    <li>
                        <input type="checkbox" name="like1[write]" lay-skin="primary">
                        <img class="img_up1"
                             src="content/default/image/zz.png"/>
                        <span
                                class="riskLevel">装备制造</span>
                        <img class="img_up"
                             src="content/default/image/up.png"/>
                        <img class="img_down"
                             src="content/default/image/down_001.png"/>
                    </li>
                    <li>
                        <input type="checkbox" name="like1[write]" lay-skin="primary">
                        <img class="img_up1"
                             src="content/default/image/jz.png"/>
                        <span
                                class="riskLevel">工程建设 </span>
                        <img
                                class="img_up"
                                src="content/default/image/up.png"/>
                    </li>
                </ul>
            </from>
        </div>
    </div>

    <div class="contentRight tab4" style="display: none">
        <div class="space1">
            <from class="layui-form">
                <ul class="nav">
                    <li>
                        <input type="radio" name="question2" lay-skin="primary" value="A" title="专业模式">
                        <img
                                class="profession"
                                src="content/default/image/profession.png"/>
                    </li>
                    <li>
                        <input type="radio" name="question2" lay-skin="primary" value="A" title="简洁模式">
                        <img class="concise" src="content/default/image/concise.png"/>
                    </li>
                </ul>
            </from>
        </div>
    </div>
    <!--内容设置-->
    <div class="contentRight tab5" style="display: none">
        <div class="space2">
            <from class="layui-form">
                <ul class="nav3 clearfix">
                    <li>
                        <input type="checkbox" name="like1[write]" lay-skin="primary" checked="" title="安全指标">
                    </li>
                    <li>
                        <input type="checkbox" name="like1[write]" lay-skin="primary" checked="" title="实时预警">
                    </li>
                    <li>
                        <input type="checkbox" name="like1[write]" lay-skin="primary" title="督办动态">
                    </li>
                    <li>
                        <input type="checkbox" name="like1[write]" lay-skin="primary" title="安全简报">
                    </li>
                    <li>
                        <input type="checkbox" name="like1[write]" lay-skin="primary" title="安全状态">
                    </li>
                    <li>
                        <input type="checkbox" name="like1[write]" lay-skin="primary" title="安全态势">
                    </li>
                    <li>
                        <input type="checkbox" name="like1[write]" lay-skin="primary" title="风险趋势">
                    </li>
                    <li>
                        <input type="checkbox" name="like1[write]" lay-skin="primary" title="待办事项">
                    </li>
                    <li>
                        <input type="checkbox" name="like1[write]" lay-skin="primary" title="快捷操作">
                    </li>
                    <li>
                        <input type="checkbox" name="like1[write]" lay-skin="primary" title="应急预警">
                    </li>
                    <li>
                        <input type="checkbox" name="like1[write]" lay-skin="primary" title="安全动态">
                    </li>
                    <li>
                        <input type="checkbox" name="like1[write]" lay-skin="primary" title="安全状态">
                    </li>
                    <li>
                        <input type="checkbox" name="like1[write]" lay-skin="primary" title="隐患趋势">
                    </li>
                    <li>
                        <input type="checkbox" name="like1[write]" lay-skin="primary" title="安全排名">
                    </li>
                </ul>
            </from>
        </div>
    </div>

    <div class="bottom_btn">
        <button type="button" class="btn_rau cancel-btn">取消</button>
        <button type="button" class="btn_rau sub-btn">保存</button> 
    </div>
</div>
<script type="text/javascript" src="content/common/jquery-3.3.1.min.js"></script>
<script type="text/javascript" src="content/common/layui/layui.js"></script>
<script type="text/javascript" src="content/common/layui/layui.all.js"></script>
<script type="text/javascript" src="content/common/layui/lay/modules/layer.js"></script>
<script type="text/javascript">
    $(".contentLeft li").click(function () {

        $(this).addClass("active").siblings().removeClass();
    })
    $(".img_up").click(function () {
        $(".img_up").attr("src", "content/default/image/up.png")
        $(".img_down").attr("src", "content/default/image/down_001.png")
        $(this).attr("src", "content/default/image/down.png")
    })
    $(".img_down").click(function () {
        $(".img_up").attr("src", "content/default/image/up.png")
        $(".img_down").attr("src", "content/default/image/down_001.png")
        $(this).attr("src", "content/default/image/down_active.png")
    })
    function tab(num){
        if(num==1){
            $(".tab4").css("display","block")
            $(".tab1").css("display","none")
            $(".tab2").css("display","none")
            $(".tab3").css("display","none")
            $(".tab5").css("display","none")
        }else if(num==2){
            $(".tab1").css("display","block")
            $(".tab4").css("display","none")
            $(".tab2").css("display","none")
            $(".tab3").css("display","none")
            $(".tab5").css("display","none")
        }else if(num==3){
            $(".tab5").css("display","block")
            $(".tab1").css("display","none")
            $(".tab2").css("display","none")
            $(".tab3").css("display","none")
            $(".tab4").css("display","none")
        }else if(num==4){
            $(".tab3").css("display","block")
            $(".tab1").css("display","none")
            $(".tab2").css("display","none")
            $(".tab5").css("display","none")
            $(".tab4").css("display","none")
        }else {
            $(".tab2").css("display","block")
            $(".tab1").css("display","none")
            $(".tab5").css("display","none")
            $(".tab3").css("display","none")
            $(".tab4").css("display","none")
        }
    }
</script>
</body>
</html>

